<!DOCTYPE html>
<html>
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>登录页面</title>
	<script src="/public/static/admin/youshang/js/jquery-1.10.2.min.js" type="text/javascript"></script>

	<style>
		body {
			background: #ebebeb;
			font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif;
			color: #222;
			font-size: 12px;
		}
		
		* {
			padding: 0px;
			margin: 0px;
		}
		
		.top_div {
			background: #008ead;
			width: 100%;
			height: 400px;
		}
		
		.ipt {
			border: 1px solid #d3d3d3;
			padding: 10px 10px;
			width: 290px;
			border-radius: 4px;
			padding-left: 35px;
			-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
			-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
			-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
			transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
		}
		
		.ipt:focus {
			border-color: #66afe9;
			outline: 0;
			-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
		}
		
		.u_logo {
			background: url("/public/static/admin/login/username.png") no-repeat;
			padding: 10px 10px;
			position: absolute;
			top: 43px;
			left: 40px;
		}
		
		.p_logo {
			background: url("/public/static/admin/login/password.png") no-repeat;
			padding: 10px 10px;
			position: absolute;
			top: 12px;
			left: 40px;
		}
		
		a {
			text-decoration: none;
		}
		
		.tou {
			background: url("/public/static/admin/login/tou.png") no-repeat;
			width: 97px;
			height: 92px;
			position: absolute;
			top: -87px;
			left: 140px;
		}
		
		.left_hand {
			background: url("/public/static/admin/login/left_hand.png") no-repeat;
			width: 32px;
			height: 37px;
			position: absolute;
			top: -38px;
			left: 150px;
		}
		
		.right_hand {
			background: url("/public/static/admin/login/right_hand.png") no-repeat;
			width: 32px;
			height: 37px;
			position: absolute;
			top: -38px;
			right: -64px;
		}
		
		.initial_left_hand {
			background: url("/public/static/admin/login/hand.png") no-repeat;
			width: 30px;
			height: 20px;
			position: absolute;
			top: -12px;
			left: 100px;
		}
		
		.initial_right_hand {
			background: url("/public/static/admin/login/hand.png") no-repeat;
			width: 30px;
			height: 20px;
			position: absolute;
			top: -12px;
			right: -112px;
		}
		
		.left_handing {
			background: url("/public/static/admin/login/left-handing.png") no-repeat;
			width: 30px;
			height: 20px;
			position: absolute;
			top: -24px;
			left: 139px;
		}
		
		.right_handinging {
			background: url("/public/static/admin/login/right_handing.png") no-repeat;
			width: 30px;
			height: 20px;
			position: absolute;
			top: -21px;
			left: 210px;
		}
	</style>

	<script type="text/javascript">
		$(function() {
			//得到焦点
			$("#password").focus(function() {
				$("#left_hand").animate({
					left: "150",
					top: " -38"
				}, {
					step: function() {
						if(parseInt($("#left_hand").css("left")) > 140) {
							$("#left_hand").attr("class", "left_hand");
						}
					}
				}, 2000);
				$("#right_hand").animate({
					right: "-64",
					top: "-38px"
				}, {
					step: function() {
						if(parseInt($("#right_hand").css("right")) > -70) {
							$("#right_hand").attr("class", "right_hand");
						}
					}
				}, 2000);
			});
			//失去焦点
			$("#password").blur(function() {
				$("#left_hand").attr("class", "initial_left_hand");
				$("#left_hand").attr("style", "left:100px;top:-12px;");
				$("#right_hand").attr("class", "initial_right_hand");
				$("#right_hand").attr("style", "right:-112px;top:-12px");
			});
		});
	</script>

	</head>

	<body>
		<div class="top_div"></div>
		<div style="background: rgb(255, 255, 255); margin: -100px auto auto; border: 1px solid rgb(231, 231, 231); border-image: none; width: 400px; height: 200px; text-align: center;">
			<div style="width: 165px; height: 96px; position: absolute;">
				<div class="tou"></div>
				<div class="initial_left_hand" id="left_hand"></div>
				<div class="initial_right_hand" id="right_hand"></div>
			</div>
			<p style="padding: 30px 0px 10px; position: relative;"><span class="u_logo"></span> <input class="ipt" type="text" id="username" name="username" placeholder="请输入用户名" value="">
			</p>
			<p style="position: relative;"><span class="p_logo"></span>
				<input class="ipt" id="password" name="password" type="password" placeholder="请输入密码" value="">
			</p>
			<div style="height: 50px; line-height: 50px; margin-top: 30px; border-top-color: rgb(231, 231, 231); border-top-width: 1px; border-top-style: solid;">
				<p style="margin: 0px 35px 20px 45px;"><span style="float: left;"><a style="color: rgb(204, 204, 204);" href="#"><!-- 忘记密码? --></a></span>
					<span style="float: right;"><a style="color: rgb(204, 204, 204); margin-right: 10px;" href="#"><!-- 注册 --></a>  
              <a style="background: rgb(0, 142, 173); padding: 7px 10px; border-radius: 4px; border: 1px solid rgb(26, 117, 152); border-image: none; color: rgb(255, 255, 255); font-weight: bold;" id="loginbtn">登录</a> 
           </span> </p>
			</div>
		</div>
		<div style="text-align:center;padding-top: 20px;color: #777;">
			<p>
				技术支持：贵州国威高新科技产业开发有限责任公司
			</p>
		</div>
		<script type="text/javascript">
			 document.onkeydown = function (event) {
		        var e = event || window.event || arguments.callee.caller.arguments[0];
		        if (e && e.keyCode == 13) { // enter 键
		            $('#loginbtn').click();
		        }
		    };
		    $(function () {
		        $("#loginbtn").on("click", function () {
		        	var enterprise = $("select[name=enterprise_id]").val();
		        	if(enterprise == "0"){
		        		alert("请选择企业");
		        		return false;
		        	}
		        	var username=$("#username").val();
		        	var password=$("#password").val();
		            $.ajax({
		                type: 'POST',
		                url: "{:url('login/check')}",
		                data: {"username":username,"password":password},
		                dataType: "json",
		                async: false,
		                error: function (request) {
		                    alert("发送请求失败！");
		                },
		                success: function (data) {
		                    if (data.status == 1) {
		                        
		                        window.location.href = "{:url('index/index')}";
		                           
		                    } else {
		                        alert(data.msg);
		                    }
		                }
		            });


		        })
		    })
		</script>

	</body>

</html>